import { createElementWithClass } from "./Api.js"

const createFootBar = () => {
    const footer = createElementWithClass('div', 'foot-bar');
    const footerLogoWrapper = createElementWithClass('div', 'foot-logo-container');
    const footerLogo = createElementWithClass('img', 'foot-logo');
    footerLogo.src = './imgs/logo-red.svg';
    footerLogoWrapper.appendChild(footerLogo);
    footer.appendChild(footerLogoWrapper);
    
    const footerTextWrapper = createElementWithClass('div', 'foot-text-container');
    footerTextWrapper.innerHTML = "Dribbble is the world's leading community for creatives to share, grow and get hired."
    footer.appendChild(footerTextWrapper);

    return footer;
}

export default createFootBar;